<div class="row">
  <div class="side">
    <h2>关于我</h2>
    <h3>我喜欢的电影:</h3>

    <div class="search">
      <input type="text" [(ngModel)]="keyword"> -- <button (click)="doSearch()">搜索</button>
      <hr>
    </div>
    <div class="jilu">
      <h3> 搜索记录：</h3>
      <ul>

        <li *ngFor="let item of historyList;let key=index;">{{item}} <button (click)="deleteHistroy(key)">x</button>
        </li>
      </ul>
    </div>

    <div class="tuijian">
      <button (click)="tuijian()">电影推荐</button>
    </div>
    <div class="fakeimg" style="height:auto;">

      <div class="responsive">
        <div class="img2" *ngFor="let item of huoqulist">
          
          <img [src]="main+item.pic" alt="小丑">
         
          <div class="desc2">{{item.movie}}</div>
        </div>
      </div>


    </div><br>

  </div>


  <div class="main">
    <h2>小编推荐</h2>
    <h3>南方车站的聚会 (2019)</h3>
    <div class="fakeimg" style="height:300px;"><img src="/assets/IMG/南方车站的聚会.jpg" alt="joker" height="300px"> </div>
    <p>导演: 刁亦男 编剧: 刁亦男</p>
    <p>　南方某城市，重案队长刘队（廖凡 饰）重金悬赏在逃罪犯周泽农（胡歌 饰）。陪泳女刘爱爱（桂纶镁 饰） 、周泽农曾经的好友华华（奇道 饰）、五年未见的妻子杨淑俊（万茜
      饰），各色人等各怀心事，相继被卷入这场罪与罚的追击旋涡。冒险与爱情，人性与救赎，这场特别的“聚会”该如何收场？善恶有道一念之间。 ！</p>
    <br>
    <h2>热门电影</h2>
    <h5>今日推荐</h5>
   
      <div class="fakeimg" >
        <div class="responsive">
          <div class="img" *ngFor="let item of jiazailist">
  
            <img [src]="main+item.pic">
  
            <div class="desc">{{item.movie}}</div>
          </div>
        </div>
      </div>
      <br>
      <div class="jiazai">
        <button class="jiazai" (click)="jiazai()">点我加载更多！</button>
      </div>
      
    </div>

    
  

  </div>